.main-container {
    background: #fff;
    height: 100%;
    overflow-y: auto;
    .publish-tab {
        ::ng-deep .ant-tabs-bar {
            margin: 0;
            padding: 0 10px;
            background: #fff;
        }

        background: #ECECEC;
        height: calc(100vh - 60px);
        //overflow-y: auto;

        .publish-main-container {
            overflow-y: auto;
            height: calc(100vh - 116px);
            ::ng-deep .ant-card-head {
                min-height: 52px;
            }
            ::ng-deep .ant-card-head-title {
                padding: 10px;
                color: #1890ff;
                font-size: 16px;
                font-weight: bold;
            }
            ::ng-deep .ant-card-extra {
                padding: 10px 0;
                button {
                    margin: 0 10px;
                }
            }
            .row-card-container {
                margin: 10px;
                &:last-child {
                    margin-bottom: 0;
                }
                ::ng-deep .ant-card-body {
                    .single-row {
                        display: flex;
                        flex-wrap: wrap;
                    }
                }

                .sms-card-col {
                    width: 20%;
                    padding: 0 10px;
                    p {
                        font-weight: bold;
                        font-size: 16px;
                        margin: 0 70px 15px;
                    }
                    ::ng-deep .ant-form-item {
                        margin-bottom: 0;
                        .ant-form-item-label {
                            width: 150px;
                            font-weight: bold;
                        }
                    }
                }
            }
        }
        .web-publish-container {
            //overflow-y: auto;
            //height: calc(100vh - 116px);
            nz-date-picker {
                ::ng-deep .ant-input[disabled] {
                    color: #1890ff;
                    background-color: #fff;
                    border-color: #1890ff;
                }
                ::ng-deep .ant-calendar-picker-icon {
                    color: #1890ff;
                }
            }
            td {
                i.anticon {
                    cursor: pointer;
                    font-size: 18px;
                    color: #1890ff;
                }
            }
            .content-card-box {
                display: flex;
                .sub-table-container {
                    flex: 1;
                    margin: 0 10px;
                    ::ng-deep .ant-table-thead > tr > th {
                        background: #1890ff;
                        color: #fff;
                        font-weight: bold;
                        padding: 5px;
                    }
                }
                nz-card {
                    flex: 1;
                }
                nz-card.col_2_card {
                    flex: 3;
                    margin: 0 10px;
                }
                nz-card.col_1_card {
                    flex: 1;
                    margin: 0 10px;
                }
                .row-container {
                    display: flex;
                    .half-box {
                        p {
                            font-weight: bold;
                            font-size: 14px;
                            margin: 0 10px;
                        }
                        ::ng-deep .ant-form-item {
                            margin-bottom: 0;
                            .ant-form-item-label {
                                width: 100px;
                            }
                        }
                    }
                }
                .row-container > div {
                    flex: 1;
                    &:first-child {
                        border-right: 1px solid #ddd;
                        padding-right: 20px;
                    }
                    &:last-child {
                        padding-left: 20px;
                    }
                }

                .web-sub-card {
                    margin: 0 20px;
                    ::ng-deep .ant-card-head {
                        min-height: 32px;
                        background: #1890ff;
                    }
                    ::ng-deep .ant-card-body {
                        padding: 8px;
                    }
                    ::ng-deep .ant-card-head-title {
                        padding: 5px;
                        color: #fff;
                        font-size: 14px;
                        font-weight: bold;
                    }
                }
            }

            .file-upload {
                ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item, .ant-upload.ant-upload-select-picture-card {
                    height: 300px;
                    width: 300px;
                }
            }
        }
    }
}
//
//::-webkit-scrollbar {
//    width: 0;
//}

.editable-cell-value-wrap {
    height: 20px;
}

